/**
 *  childern属性
 *  表示该组件的子节点，只要组件内部有子节点 props就有该属性
 *  children可以是普通文本、普通标签元素、函数、JSX
 * 
 */

import React from "react"

function ListItem ({ children }) {
  // children()
  return (
    <div>
      {children}
    </div>
  )
}

class App extends React.Component {

  render () {
    return (
      <>
        <ListItem>
          <p>这是一个p标签</p>
          this is childern
          {/* {() => console.log('123')} */}
          {<div><p>this is p</p></div>}
        </ListItem>
      </>



    )
  }
}
export default App
